<%@ page title="" language="C#" masterpagefile="~/EmpSite.master" autoeventwireup="true" inherits="Emp_LeaveReport, App_Web_odyrwiur" %>

<%--<asp:Content ID="Content1" ContentPlaceHolderID="HeadContent" Runat="Server">
</asp:Content>
<asp:Content ID="Content2" ContentPlaceHolderID="MainContent" Runat="Server">
</asp:Content>
--%>

<%@ Register   Assembly="AjaxControlToolkit"
    Namespace="AjaxControlToolkit"
    TagPrefix="AjaxControlToolkit" %>
    <%@ Register   Assembly="AjaxControlToolkit"
    Namespace="AjaxControlToolkit"
    TagPrefix="cc1" %>

<asp:Content ID="Content1" ContentPlaceHolderID="HeadContent" Runat="Server">
 <link href="css/googleapis.css" rel="stylesheet" type="text/css" />
    <style type="text/css">
                body
{
font-family: 'Arimo', sans-serif !important;
}
 
          .breadcrumb {
    display: flex;
    flex-wrap: wrap;
    padding: .05rem 0rem;
    /* margin-bottom: 1rem; */
    list-style: none;
    background-color: #fff !important;
    border-radius: .25rem;
    color: #E15C11;
    font-size: 18px;
    font-weight: 500;
}
                       .card [class*=card-header-]:not(.card-header-icon):not(.card-header-text):not(.card-header-image) {
    border-radius: 3px;
      margin-top: -37px;
    padding: 7px !important;
}
.grid-lable
{
     height:100px; 
     overflow-y:scroll; 
     border:1px solid #ddd;
     margin-left:-10px; 
     margin-right:-10px;
     padding:6px;
     
   
}
.form-check, label {
    font-size: 15px !important;
    line-height: 1.32857 !important;
    color: #333 !important;
    font-weight: 200 !important;
    padding-left: 7px !important;
    padding-top: -3px !important;
    position: relative !important;
    top: -3px !important;
}
.grid-lable span
{
  font-size: 15px !important;
    line-height: 1.32857 !important;
    color: #333 !important;
    font-weight: 200 !important;
    padding-left: 7px !important;
    padding-top: -3px !important;
    position: relative !important;
    top: -3px !important;
}
.grid-lable1 span
{
     font-size: 14px !important;
    line-height: 1.42857 !important;
    color: #333 !important;
    font-weight: 600 !important;
    padding-left: 7px !important;
    padding-top: -3px !important;
    position: relative !important;
    top: -3px !important;
}
.grid-lable lable
{
    display: inline-block;
    margin-bottom: 0rem !important;
}
label {
    display: inline-block;
    margin-bottom: 0rem !important;
}
#inputSearch
{
        height: 21px;
    margin-top: 5px;
    margin-bottom: 8px;
    width: 100%;
}
#MainContent_lblReportDate
{
   font-size:14px;
    font-weight:bold;    
}
#MainContent_lblToDate
{
       font-size:14px;
    font-weight:bold;
}
#MainContent_lblSelectionBy
{
    font-size: 15px;
    font-weight: 600;
}
#MainContent_lblSelectReport
{
    font-size: 15px;
    font-weight: 600;
}
        </style>
</asp:Content>
<asp:Content ID="Content2" ContentPlaceHolderID="MainContent" Runat="Server">
    <script language="javascript" type="text/javascript">
        function ConfirmDelete() {
            return confirm("Do you want to delete all these records?")
        }
     
    </script>
       <div class="main-panel">
        <div class="content">
        <div class="container" id="empleavereport" runat="server">
   
<div class="row dash-pane2">
<div class="card">
                <div class="card-header card-header-warning">
                  <h4 class="card-title"><i class="fa fa-edit fa-fw"></i> <asp:Label ID="lblMonthlyReport" runat="server" Text="Monthly Report"></asp:Label></h4>

                </div>
                <div class="card-body table-responsive">
                    <div class="row">
                    <div class="col-lg-4">
                              <b><asp:Label ID="lblReportDate" runat="server" Text="Report Date"></asp:Label> </b>
                              <asp:TextBox ID="txtdate" runat="server" class="form-control" ontextchanged="txtdate_TextChanged1" 
           
                   />
            <cc1:CalendarExtender ID="cal1" runat="server" TargetControlID="txtdate" Format="dd/MM/yyyy"  />
                </div> <div class="col-lg-4">
                <b><asp:Label ID="lblToDate" runat="server" Text="To Date"></asp:Label></b>
                      <asp:TextBox ID="txttodate" runat="server" class="form-control" ontextchanged="txttodate_TextChanged" 
                         
                           />
                      <cc1:CalendarExtender ID="CalendarExtender1" runat="server" Format="dd/MM/yyyy" 
                          TargetControlID="txttodate" />
                              
                              </div>
                    </div>
                    <div class="row breadcrumb">
                    <b><asp:Label ID="lblSelectionBy" runat="server" Text="Selection By"></asp:Label></b>
                    </div>
                    <div class="row" style="margin-left:-5px; margin-right:-5px; margin-top:-20px; display:none;">
                     <div class="col-md-3">
							<div class="grid-lable">  
                                  <asp:RadioButton ID="SelectAllCommany" runat="server" Checked="True" 
                GroupName="Cmpny" Text="" AutoPostBack="True" 
                oncheckedchanged="SelectAllCommany_CheckedChanged" />All Company<br />
                <asp:RadioButton ID="FewCompany" runat="server" GroupName="Cmpny" 
                    Text="" oncheckedchanged="FewCompany_CheckedChanged"  />Few Company<br />
                     <asp:CheckBox ID="CheckBox1" runat="server" AutoPostBack="True" 
                    oncheckedchanged="CheckBox1_CheckedChanged" 
                    Text="" />SelectAll/De-Select All
                    <asp:CheckBoxList ID="chkcompanylist" runat="server" AutoPostBack="True"  Font-Size="12px"
                                         
                                          onselectedindexchanged="chkcompanylist_SelectedIndexChanged">
                                      </asp:CheckBoxList>
                                      </div>
							  </div>
							  <div class="col-md-2">
							   <div class="grid-lable">
                                 <asp:RadioButton ID="Allshift" runat="server" GroupName="shift1" 
                     Text=""  Checked="True" AutoPostBack="True" 
                     oncheckedchanged="Allshift_CheckedChanged" />All  Branch<br />
                     <asp:RadioButton ID="Allshift1" runat="server" GroupName="shift1" 
                    
                    Text=""  AutoPostBack="True" oncheckedchanged="Allshift1_CheckedChanged" />Few Branch<br />
                    <asp:CheckBox ID="CheckBox2" runat="server" AutoPostBack="True" 
                    oncheckedchanged="CheckBox2_CheckedChanged" 
                    Text="" />SelectAll/De-Select All
                    <asp:CheckBoxList ID="Chkshiftlist" runat="server" AutoPostBack="True" Font-Size="12px"
                                          
                                            onselectedindexchanged="Chkshiftlist_SelectedIndexChanged">
                                        </asp:CheckBoxList><br />
                                    </div>     
							  </div>

							  <div class="col-md-2">
							 <div class="grid-lable">
                               <asp:RadioButton ID="AllDesignation" runat="server" Checked="True" GroupName="Dept" 
                Text="" oncheckedchanged="AllDesignation_CheckedChanged" />All Department<br />
                 <asp:RadioButton ID="optfewDesignation" runat="server"  
                    GroupName="Dept" Text=""  
                    oncheckedchanged="optfewdept_CheckedChanged" />Few Department<br />
                    <asp:CheckBox ID="CheckBox3" runat="server" AutoPostBack="True" 
                    oncheckedchanged="CheckBox3_CheckedChanged" 
                    Text="" />SelectAll/De-Select All
                     <asp:CheckBoxList ID="chkdepartmentlist" runat="server" AutoPostBack="True"  Font-Size="12px" onselectedindexchanged="chkdepartmentlist_SelectedIndexChanged">
                                      </asp:CheckBoxList>
							  </div></div>

							    <div class="col-md-2">
							<div class="grid-lable">
                                <asp:RadioButton ID="RadioButton1" runat="server" Checked="True" GroupName="Desig" 
                Text="" oncheckedchanged="RadioButton1_CheckedChanged"
                 />All  Designation<br />
                 <asp:RadioButton ID="optFewEmployee0" runat="server" AutoPostBack="True" 
                        GroupName="Desig" oncheckedchanged="optAllemployee_CheckedChanged" 
                        Text=""  />Few Designation<br />
                        <asp:CheckBox ID="CheckBox4" runat="server" AutoPostBack="True" 
                    oncheckedchanged="CheckBox4_CheckedChanged" 
                    Text="" />SelectAll/De-Select All
                         <asp:CheckBoxList ID="ChkDesignationList" runat="server" AutoPostBack="True"  Font-Size="12px"
                                           onselectedindexchanged="ChkDesignationList_SelectedIndexChanged">
                                       </asp:CheckBoxList>
							  </div></div>
                                <div class="col-md-3">
							   <div class="grid-lable">
                                 <asp:RadioButton ID="optAllemployee" runat="server" AutoPostBack="True" 
                    Checked="True" GroupName="Emp" 
                    oncheckedchanged="optAllemployee_CheckedChanged" Text="" 
                    />All  employee<br />
                    <asp:RadioButton ID="optFewEmployee" runat="server" AutoPostBack="True" 
                        GroupName="Emp" 
                        Text="" 
                        oncheckedchanged="optFewEmployee_CheckedChanged" />Few Employee<br />
                        <asp:CheckBox ID="CheckBox5" runat="server" AutoPostBack="True" 
                    oncheckedchanged="CheckBox5_CheckedChanged" 
                    Text="" />SelectAll/De-Select All
                         <asp:CheckBoxList ID="chkemployeelist" runat="server"  onselectedindexchanged="chkemployeelist_SelectedIndexChanged" Font-Size="12px" >
                                      </asp:CheckBoxList>
                                      
                    </div>
                    
                    </div>
                    </div>
                    <div class="row" style="margin-left:-5px; margin-right:-5px; margin-top:-20px; width:100%">
                  <ul class="list-inline" style="width:100%; display:contents">
                <li style="width:17.5%; margin-left:15px;">
                <div class="grid-lable2" style="margin-left:-11px; margin-bottom:5px;">
                <asp:RadioButton ID="RadioButton2" runat="server" Checked="True" 
                GroupName="Cmpny" Text="" AutoPostBack="True" 
                oncheckedchanged="SelectAllCommany_CheckedChanged" /><asp:Label ID="lblAllCompany" runat="server" Text="All Company"></asp:Label><br />
                <asp:RadioButton ID="RadioButton3" runat="server" GroupName="Cmpny" 
                    Text="" oncheckedchanged="FewCompany_CheckedChanged"  /><asp:Label ID="lblFewCompany" runat="server" Text="Few Company"></asp:Label><br />
                     <asp:CheckBox ID="CheckBox6" runat="server" AutoPostBack="True" 
                    oncheckedchanged="CheckBox1_CheckedChanged" 
                    Text="" /><asp:Label ID="lblCompanySelectAllDeSelectAll" runat="server" Text="SelectAll/De-Select All"></asp:Label>               
                </div>
                 <div class="grid-lable">
                    <asp:CheckBoxList ID="CheckBoxList1" runat="server" AutoPostBack="True"  Font-Size="12px"
                                         
                                          onselectedindexchanged="chkcompanylist_SelectedIndexChanged">
                                      </asp:CheckBoxList>
                 </div>
                 </li>
                <li style="width:17.5%; margin-left:27px;">
                <div class="grid-lable2" style="margin-left:-11px; margin-bottom:5px;">
                            <asp:RadioButton ID="RadioButton4" runat="server" GroupName="shift1" 
                     Text=""  Checked="True" AutoPostBack="True" 
                     oncheckedchanged="Allshift_CheckedChanged" /><asp:Label ID="lblAllBranch" runat="server" Text="All  Branch"></asp:Label><br />
                     <asp:RadioButton ID="RadioButton5" runat="server" GroupName="shift1" 
                    
                    Text=""  AutoPostBack="True" oncheckedchanged="Allshift1_CheckedChanged" /><asp:Label ID="lblFewBranch" runat="server" Text="Few Branch"></asp:Label><br />
                    <asp:CheckBox ID="CheckBox7" runat="server" AutoPostBack="True" 
                    oncheckedchanged="CheckBox2_CheckedChanged" 
                    Text="" /><asp:Label ID="lblBranchSelectAllDeSelectAll" runat="server" Text="SelectAll/De-Select All"></asp:Label>               
                </div>
                 <div class="grid-lable">
 
                    <asp:CheckBoxList ID="CheckBoxList2" runat="server" AutoPostBack="True" Font-Size="12px"
                                          
                                            onselectedindexchanged="Chkshiftlist_SelectedIndexChanged">
                                        </asp:CheckBoxList>                 
                 </div>
                 </li>
                <li style="width:17.5%; margin-left:27px;">
                <div class="grid-lable2" style="margin-left:-11px; margin-bottom:5px;">
                               <asp:RadioButton ID="RadioButton6" runat="server" Checked="True" GroupName="Dept" 
                Text="" oncheckedchanged="AllDesignation_CheckedChanged" /><asp:Label ID="lblAllDepartment" runat="server" Text="All Department"></asp:Label><br />
                 <asp:RadioButton ID="RadioButton7" runat="server"  
                    GroupName="Dept" Text=""  
                    oncheckedchanged="optfewdept_CheckedChanged" /><asp:Label ID="lblFewDepartment" runat="server" Text="Few Department"></asp:Label><br />
                    <asp:CheckBox ID="CheckBox8" runat="server" AutoPostBack="True" 
                    oncheckedchanged="CheckBox3_CheckedChanged" 
                    Text="" /><asp:Label ID="lblDepartmentSelectAllDeSelectAll" runat="server" Text="SelectAll/De-Select All"></asp:Label>                
                </div>
                 <div class="grid-lable">
                     <asp:CheckBoxList ID="CheckBoxList3" runat="server" AutoPostBack="True"  Font-Size="12px" onselectedindexchanged="chkdepartmentlist_SelectedIndexChanged">
                                      </asp:CheckBoxList>                 
                 </div>
                 </li>
                <li style="width:17.5%; margin-left:27px;">
                <div class="grid-lable2" style="margin-left:-11px; margin-bottom:5px;">
                                <asp:RadioButton ID="RadioButton8" runat="server" Checked="True" GroupName="Desig" 
                Text="" oncheckedchanged="RadioButton1_CheckedChanged"
                 /><asp:Label ID="lblAllDesignation" runat="server" Text="All  Designation"></asp:Label><br />
                 <asp:RadioButton ID="RadioButton9" runat="server" AutoPostBack="True" 
                        GroupName="Desig" oncheckedchanged="optAllemployee_CheckedChanged" 
                        Text=""  /><asp:Label ID="lblFewDesignation" runat="server" Text="Few Designation"></asp:Label><br />
                        <asp:CheckBox ID="CheckBox9" runat="server" AutoPostBack="True" 
                    oncheckedchanged="CheckBox4_CheckedChanged" 
                    Text="" /><asp:Label ID="lblDesignationSelectAllDeSelectAll" runat="server" Text="SelectAll/De-Select All"></asp:Label>                
                </div>
                 <div class="grid-lable">
                         <asp:CheckBoxList ID="CheckBoxList4" runat="server" AutoPostBack="True"  Font-Size="12px"
                                           onselectedindexchanged="ChkDesignationList_SelectedIndexChanged">
                                       </asp:CheckBoxList>                 
                 </div>
                 </li>
                <li style="width:17.5%; margin-left:27px;">
                <div class="grid-lable2" style="margin-left:-11px; margin-bottom:5px;">
                                  <asp:RadioButton ID="RadioButton10" runat="server" AutoPostBack="True" 
                    Checked="True" GroupName="Emp" 
                    oncheckedchanged="optAllemployee_CheckedChanged" Text="" 
                    /><asp:Label ID="lblAllemployee" runat="server" Text="All  employee"></asp:Label><br />
                    <asp:RadioButton ID="RadioButton11" runat="server" AutoPostBack="True" 
                        GroupName="Emp" 
                        Text="" 
                        oncheckedchanged="optFewEmployee_CheckedChanged" /><asp:Label ID="lblFewEmployee" runat="server" Text="Few Employee"></asp:Label><br />
                        <asp:CheckBox ID="CheckBox10" runat="server" AutoPostBack="True" 
                    oncheckedchanged="CheckBox5_CheckedChanged" 
                    Text="" /><asp:Label ID="lblEmployeeSelectAllDeSelectAll" runat="server" Text="SelectAll/De-Select All"></asp:Label>
                     
               
                </div>
                 <div class="grid-lable">
                    <asp:TextBox runat="server" ID="inputSearch" ClientIDMode="Static"  Height="21px" placeholder="Search employee" CssClass="form-control"/>
                         <asp:CheckBoxList ID="CheckBoxList5" runat="server"  onselectedindexchanged="chkemployeelist_SelectedIndexChanged" Font-Size="12px" ClientIDMode="Static">
                                      </asp:CheckBoxList>  
                          
                     <script type="text/javascript">
                         window.onload = function () {
                             var tmr = false;
                             var labels = document.getElementById('chkemployeelist').getElementsByTagName('label');
                             var func = function () {
                                 if (tmr)
                                     clearTimeout(tmr);
                                 tmr = setTimeout(function () {
                                     var regx = new RegExp(document.getElementById('inputSearch').value);


                                     for (var i = 0, size = labels.length; i < size; i++)
                                         if (document.getElementById('inputSearch').value.length > 0) {
                                             if (labels[i].textContent.match(regx)) setItemVisibility(i, true);
                                             else setItemVisibility(i, false);
                                         }
                                         else
                                             setItemVisibility(i, true);
                                 }, 500);

                                 function setItemVisibility(position, visible) {
                                     if (visible) {
                                         labels[position].style.display = '';
                                         labels[position].previousSibling.style.display = '';
                                         if (labels[position].nextSibling != null)
                                             labels[position].nextSibling.style.display = '';
                                     }
                                     else {
                                         labels[position].style.display = 'none';
                                         labels[position].previousSibling.style.display = 'none';
                                         if (labels[position].nextSibling != null)
                                             labels[position].nextSibling.style.display = 'none';

                                     }
                                 }
                             }

                             if (document.attachEvent) document.getElementById('inputSearch').attachEvent('onkeypress', func);  // IE compatibility
                             else document.getElementById('inputSearch').addEventListener('keydown', func, false); // other browsers
                         };
  </script>              
                 </div>
                 </li>
                 </ul>
               
                    </div>
                    <div class="row breadcrumb">
                    <b><asp:Label ID="lblSelectReport" runat="server" Text="Select Report"></asp:Label></b>
                    </div>
                    <div class="row" style="margin-top:-20px;">
                    <div class="col-lg-4 grid-lable1">
                               <asp:RadioButton ID="OptLeaveTran" runat="server" GroupName="Daily" 
                Text="" Checked="True" /><asp:Label ID="lblLeaveTransaction" runat="server" Text="Leave Transaction"></asp:Label>
                             </div>
                             <div class="col-lg-4 grid-lable1">
                               <asp:RadioButton ID="OptLeaveBalance" runat="server" GroupName="Daily" 
                Text="" oncheckedchanged="OptLeaveBalance_CheckedChanged" /><asp:Label ID="lblYearlyLeaveBalanceReport" runat="server" Text="Yearly Leave Balance Report"></asp:Label>
                             </div>

                    </div>
                    <div class="row" style="margin-left:auto; margin-right:auto; display:table; margin-top:15px;">
                           <asp:Button ID="cmdShowReport" runat="server" Text="ShowReport"  OnClick="cmdShowReport_Click" onclientclick="return validate()"
        type="button" class="btn btn-success " /><i class="fa fa-plus;"></i>&nbsp;&nbsp;
        <asp:Button ID="btnClose" runat="server" type="button" Text="Close" onclick="btnClose_Click" 
           class="btn btn-danger"
           /><i  class="fa fa-trash-o;"></i>
                    </div>
                    
                    </div>
                </div>
              </div>
       


 </div> </div> </div> </div>

            
 
          
</asp:Content>

